<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
   <%@ taglib uri="http://www.extremecomponents.org" prefix="ec"%>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
<head>
<title>Layout 1</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">
		<script type="text/javascript">
			function onTableClick(idPersonal,
					primerNombrePersonal,
					segundoNombrePersonal,					
					primerApellidoPersonal,
					segundoApellidoPersonal,
					apellidoCasadoPersonal,
					fechaNacPersonal,
					telFijoPersonal,
					telMovilPersonal,
					emailPersonal,
					codigoEmp
								){

				$("#idPersonal").val(idPersonal);
				$("#primerNombrePersonal").val(primerNombrePersonal);
				$("#segundoNombrePersonal").val(segundoNombrePersonal);
				$("#primerApellidoPersonal").val(primerApellidoPersonal);
				$("#segundoApellidoPersonal").val(segundoApellidoPersonal);
				$("#apellidoCasadoPersonal").val(apellidoCasadoPersonal);
				$("#fechaNacPersonal").val(fechaNacPersonal);
				$("#telFijoPersonal").val(telFijoPersonal);
				$("#telMovilPersonal").val(telMovilPersonal);
				$("#emailPersonal").val(emailPersonal);
				$("#codigoEmp").val(codigoEmp);
				
				}
			
			function showHelp(){
				$("#rightSide").show();
			}
		</script>
</head>
<body>
<div id="container">

<!-- Aqui va el munu -->
<jsp:include page="menu.jsp" />
<div id="content">


  <div id="top">
		<h2 class="divTextoEncabezado">Registro de Empleados </h2>
  </div>
  <div id="leftSide">
  <fieldset>
<legend>Datos Personales </legend>
<form action="addEmpleado" method="POST" class="form">
<label for="codigoEmp">Codigo Empleado:</label>
    <div class="div_texbox">
    <input name="codigoEmp" type="text" class="textbox" id="codigoEmp" />
    
	</div>
	<label for="primerNombrePersonal">Primer Nombre:</label>
    <div class="div_texbox">
    <input name="primerNombrePersonal" type="text" class="textbox" id="primerNombrePersonal" />
    <input type="hidden" name="idPersonal" id="idPersonal"/>
	</div>
	<label for="segundoNombrePersonal">Segundo Nombre:</label>
	<div class="div_texbox">
    <input name="segundoNombrePersonal" type="text" class="textbox" id="segundoNombrePersonal"  />
	</div>
	<label for="primerApellidoPersonal">Primer Apellido:</label>
	<div class="div_texbox">
    <input name="primerApellidoPersonal" type="text" class="textbox" id="primerApellidoPersonal"  />
	</div>
	<label for="segundoApellidoPersonal">Segundo Apellido:</label>
	<div class="div_texbox">
    <input name="segundoApellidoPersonal" type="text" class="textbox" id="segundoApellidoPersonal"  />
	</div>
    	<label for="apellidoCasadoPersonal">Apellido Casada:</label>
	<div class="div_texbox">
    <input name="apellidoCasadoPersonal" type="text" class="textbox" id="apellidoCasadoPersonal"  />
	</div>
	<label for="fechaNacPersonal">Fecha Nacimiento:</label>
	<div class="div_texbox">
    <input name="fechaNacPersonal" type="text" class="textbox" id="fechaNacPersonal"  />
	</div>
    	<label for="telFijoPersonal">Telefono Fijo:</label>
	<div class="div_texbox">
    <input name="telFijoPersonal" type="text" class="textbox" id="telFijoPersonal"  />
	</div>
    	<label for="telMovilPersonal">Telefono Movil:</label>
	<div class="div_texbox">
    <input name="telMovilPersonal" type="text" class="textbox" id="telMovilPersonal" />
	</div>
        	<label for="emailPersonal">Correo Electronico:</label>
	<div class="div_texbox">
    <input name="emailPersonal" type="text" class="textbox" id="emailPersonal"  />
	</div>
        	
    
	<div class="button_div">
	<input name="Submit" type="submit" value="Ingresar" class="buttons" />
	</div>
</form>
	</fieldset>
  </div>
  <div id="rightSideTpo" >
  	<a href="#" onclick="showHelp()"><img src="${pageContext.request.contextPath}/resources/images/help-icon.png"></a>
  </div>
  <div id="rightSide" style="display:none">
  <p><u>Esta es una seccion de ayuda para el usuario</u>
  </p></div>
  <div class="clear"></div>


<ec:table items="empleadoList"
		action="${pageContext.request.contextPath}/showEmpleado"
		view="compact"
		imagePath="${pageContext.request.contextPath}/resources/images/compact/*.gif"
		rowsDisplayed="8" autoIncludeParameters="false" var="pagador">
		
		

		<ec:row highlightRow="true" 
		onclick="onTableClick(	'${pageScope.pagador.idPersonal}',								    					
								'${pageScope.pagador.primerNombrePersonal}',								
								'${pageScope.pagador.segundoNombrePersonal}',								
								'${pageScope.pagador.primerApellidoPersonal}',
								'${pageScope.pagador.segundoApellidoPersonal}',
								'${pageScope.pagador.apellidoCasadoPersonal}',
								'${pageScope.pagador.fechaNacPersonal}',
								'${pageScope.pagador.telFijoPersonal}',								
    							'${pageScope.pagador.telMovilPersonal}',
    							'${pageScope.pagador.emailPersonal}',
    							'${pageScope.pagador.codigoEmp}');">
			<ec:column property="primerNombrePersonal" title="Primer Nombre" />
			<ec:column property="primerApellidoPersonal" title="Primer Apellido"/>
			<ec:column property="telMovilPersonal" title="Telefono Movil"/>			
		</ec:row>
	</ec:table>

</div>

 

</div>
</body>
</html>